<template>
  <!-- <Child>
    <template v-slot:header>
      <p>{{ message }}</p>

    </template>
<template #main>
      <p>{{ message }}</p>

    </template>
</Child> -->


  <!-- <Child1 v-slot="slotProps">
    <p>{{ currentTest }}-{{ slotProps.message }}</p>
  </Child1> -->
  <!-- #="slotProps"接收子数据 -->
  <Child1 #header="slotProps">
    <p>{{ currentTest }}-{{ slotProps.message }}</p>
  </Child1>


</template>
<!-- slot是父组件向子组件传递数据的一种方式，通过slot可以将父组件的数据传递给子组件，子组件通过slot-scope可以接收父组件传递过来的数据。 -->
<script>
import Child from './Child.vue'
import Child1 from './Child1.vue'
export default {
  data() {
    return {
      // message: "a"
      currentTest: "a"
    }
  },
  components: {
    Child,
    Child1
  }
}
</script>

<style lang="sass" scoped>

</style>